<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="../static/css/bootstrap.css" />

    <!--需要在Javascript之前引入JQuer-->
    <script type="text/javascript" src="../static/js/jquery-1.11.0.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script type="text/javascript" src="../static/js/bootstrap.js"></script>

    <!--针对移动设备的样式，为了确保适当的绘制和触屏缩放-->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <style type="text/css">
        .center-padding {
            width: 1000px;
            margin: 0;
            position: absolute;
            top: 50%;
            left: 60%;
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            line-height: 1.5;
            display: inline-block;
        }


    </style>

</head>

<body class="jumbotron">
<div class="container center-padding">
    <div class="row">
        <form class="form-horizontal" action="/main/addmessage" method="get">
            <div class="form-group">
                <label  class="col-sm-2 control-label"></label>
                <div class="col-sm-3">
                    <h2>信息登记</h2>
                </div>
            </div>

            <div class="form-group">
                <label for="inputName" class="col-sm-2 control-label">姓名</label>
                <div class="col-sm-3">
                    <input type="text" class="form-control" id="inputNam" name="name" placeholder="输入姓名">
                </div>
            </div>
            <div class="form-group">
                <label for="inputPasswor" class="col-sm-2 control-label">密码</label>
                <div class="col-sm-3">
                    <input type="text" class="form-control" id="inputPassword" name="passwd" placeholder="输入密码">
                </div>
            </div>
            <div class="form-group">
                <label for="inputPassword3" class="col-sm-2 control-label">性别</label>
                <div class="col-sm-5">
                    <label class="radio-inline">
                        <input type="radio" name="sex" id="" value="男"> 男
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="sex" id="inlineRadio2" value="女"> 女
                    </label>
                </div>
            </div>
            <div class="form-group">
                <label  class="col-sm-2 control-label">内容</label>
                <div class="col-sm-5">
                    <textarea class="form-control" rows="3" name="content" placeholder="简介......"></textarea>

                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="submit" class="btn btn-default">提交</button>
                </div>
            </div>
        </form>
    </div>

</div>
</body>
</html>